<template>
<div style="width:100%;height:100%;">
  <cli-layout :id="'elementRoot'" :webObject="webObject" style="flex-grow: 1">
    <div v-for="(ele,index) in webObject.record.elements" :slot="ele.address" :key="index">
      <cli-table v-if="ele.tag==='cli-table'" :columns="ele.config.columns" 
        :data="!!webObject.source[ele.source]?webObject.source[ele.source]:[]"></cli-table>
    </div>
  </cli-layout>
</div>
</template>

<script>
import CliTable from './cli-table'
import CliLayout from "./cli-layout";
export default {
  name: "cli-area",
  components: { CliLayout,CliTable},
  props:{
    webObject:{
      type:Object
    }
  }
}
</script>

<style scoped>

</style>
